<style>
ul li{ list-style:none;}
.ttgiaohang-box{ width: 855px; height:530px; background:#FFF; margin:auto;}
.title-ttgiaohang{background:#a7e36c; height:39px; margin-bottom:5px;}
.title-ttgiaohang span{color:#5d5d5d; font-size:20px; display:block; padding-top:6px; padding-left:13px; float:left;}

.ttgiaohang-btn {
    background: url(../images/login-btn-bg2.png) no-repeat; width:138px; height:42px;
    border-radius: 3px 3px 3px 3px;
    color: #707070;
    cursor: pointer;
    font-size:18px;
    padding: 2px 10px 8px 5px;
    text-align: center !important;
	border:none;
	margin-top:15px; margin-bottom:15px;
	margin-left:20px; 
}
.footer-ttgiaohang{ border-top:1px solid #666; margin:auto; padding-top:10px; margin:20px;}
.s_method_freeshipping_freeshipping span {
    background: url("../images/icon-giaohang2.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 42px;
    margin-top: -30px; margin-left:-69px;
    width: 72px;
}
.s_method_freeshipping_freeshipping {
    padding: 20px 20px 20px 65px; float:right;
}
.s_method_flatrate_flatrate span {
    background: url("../images/icon-giaohang1.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 42px;
    margin-top: -30px; margin-left:-57px;
    width: 72px;
}
.s_method_flatrate_flatrate {
    padding: 20px 20px 20px 65px; float:left;	
}
.content-ttgiaohang{margin-top:5px;}
.content-ttgiaohang .customer-info{margin-left:18%; float:left;}
.content-ttgiaohang .field label{ width: 135px; text-align:right; color:#666666; float:left; font-size:12px; margin-top:19px; padding-right:10px;}
.content-ttgiaohang .field label em{ color:#F00;}
.content-ttgiaohang .form-list input {
    display: block;
    float: left;
    width: 260px; height:25px; margin-top:12px;
}

</style>

<div class="ttgiaohang-box">
	<div class="title-ttgiaohang">
    	<span> Thông tin giao hàng</span>
    </div>
    <div class="content-ttgiaohang">    	
        <div class="customer-info">        	
            <ul class="form-list">
            	<li class="field">
                	<label> Họ tên<em>*</em></label>
                    <input type="text" class="ttgiaohang-input" id="name" name="" title="Họ tên" />
                </li>
                <li class="field">
                	<label> Điện thoại<em>*</em></label>
                    <input type="text" class="ttgiaohang-input" id="phone" name="" title="Điện thoại" />
                </li>
                 <li class="field">
                	<label> Tỉnh thành<em>*</em></label>
                    <select style="width: 260px; height:27px; margin-top:12px;" id="provinder" name="provinder" title="Tỉnh thành"> 
                    	<option value="1"> Nam</option>
                        <option value="0"> Nữ</option>
                    </select>
                </li>
                 <li class="field">
                	<label> Địa chỉ<em>*</em></label>
                    <input type="text" class="ttgiaohang-input" id="address" name="" title="Địa chỉ" />
                </li>  
                <li class="field">
                	<label> Ghi chú của khách hàng</label>
                    <textarea style="width:260px; height:50px; margin-top:12px;"></textarea>                   
                </li>                      
                
            </ul>
        </div>
    	
    </div>
    <div class="clear"></div>
    <div class="footer-ttgiaohang">
    	<div class="s_method_freeshipping_freeshipping">
            <input id="s_method_freeshipping_freeshipping" class="radio" type="radio" value="freeshipping_freeshipping" name="shipping_method">
            <label for="s_method_freeshipping_freeshipping">Giao hàng tại nhà cung cấp Miễn phí 0 đ </label>
            <br>
            <span> </span>
		</div>
        <div class="s_method_flatrate_flatrate">
            <input id="s_method_flatrate_flatrate" class="radio" type="radio" value="flatrate_flatrate" name="shipping_method">
            <label for="s_method_flatrate_flatrate">Giao hàng tận nơi phí cố định 15000 đ </label>
            <br>
            <span> </span>
		</div>
        <div class="clear"></div>
        <label>Chọn một địa chỉ giao nhận từ sổ địa chỉ hoặc nhập một địa chỉ mới</label><br />
        <select style="width:515px; height:26px;">
        	<option value="">địa chỉ 1</option>
            <option value=""> địa chỉ 2</option>
        </select>
        <div style="line-height:18px;">
            Sale.VN chỉ chấp nhận giao sản phẩm
            <span style="color:#F46B21; font-style:italic;">"Ấm đun siêu tốc Happy Call HP 888 - Tiết kiệm thời gian một cách tối đa"</span>
            tại các thành phố: . Ngoài các thành phố trên quý khách vui lòng thanh toán tiền phí vận chuyển với các đơn vị vận chuyển.
        </div>
        <div style="float:right;">
        <button id="ttgiaohang-btn2" name="ttgiaohang2" title="Quay lại" value="" class="ttgiaohang-btn" type="submit"><span>Quay lại</span></button>
        <button id="ttgiaohang-btn" name="ttgiaohang" title="Tiếp tục" value="" class="ttgiaohang-btn" type="submit"><span>Tiếp tục</span></button>
        </div>
    </div>
    
</div>